<!DOCTYPE html>
<style>
#squashing {
    position: absolute;
    left: -100000000px;
    top: 0;
    width: 1px;
    height: 1px;
    background: white;
}

#squashed {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
</style>
<div id="squashing" style="will-change: transform;"></div>
<div id="squashed">
This box will be squashed by an offscreen box that is distant from the viewport.
It should still be positioned correctly without having numerical issue.
</div>
<script>
if (window.testRunner) {
    testRunner.dumpAsText();
    testRunner.setCustomTextOutput(internals.layerTreeAsText(document));
}
</script>
